<template>
  <PageContainer>
    <view>
      <Header title="业务结果" />
      <view class="container disFlxCC">
        <view class="ali-icon icon-danxuan_xuanzhong mb-16"></view>
        <text class="fz-18 mb-24">表单提交成功</text>
        <TButton
          text="查看详情"
          type="none"
          custom-class="br-16 linh-28 fz-14"
          :custom-style="{
            width: '176rpx',
            height: '64rpx',
            color: '#2878FF',
            border: 'solid 1px #fff',
            backgroundColor: '#fff',
          }"
          @click="toDetail"
        />
      </view>
    </view>
  </PageContainer>
</template>

<script lang="ts" setup>
  /* serviceFormFillingResult 业务结果 */
  import Header from '@/components/Header/index.vue';
  import PageContainer from '@/components/PageContainer/index.vue';
  import TButton from '@/components/TButtonGroup/TButton.vue';
  import { onLoad, redirectTo } from '@/router';
  import { ref } from 'vue';

  const idRef = ref<number>();
  onLoad<'serviceFormFillingResult'>((op) => {
    idRef.value = op.id;
  });

  const toDetail = () =>
    redirectTo({ name: 'appServiceFormRecordDetail', options: { id: idRef.value as number } });
</script>
<style lang="scss" scoped>
  .container {
    background-color: #2878ff;
    height: 440rpx;
    color: #fff;
    .ali-icon {
      color: #fff;
      font-size: 128rpx;
    }
  }
</style>
